<template>
  <div class="service-task-dialog">

    <el-table :data="serviceTaskList" border stripe class="item-table">
      <el-table-column type="index" width="50"></el-table-column>
      <el-table-column align="center" prop="userId" label="用户ID" width="100">
        <template scope="scope"><p style="color: blue;">{{scope.row.userId}}</p></template>
      </el-table-column>
      <el-table-column align="center" prop="userInfo.realName" label="用户姓名" width="80"></el-table-column>
      <el-table-column align="center" prop="userInfo.cell" label="用户手机" width="115"></el-table-column>
      <el-table-column align="center" prop="taskName" label="请求类型">
        <template scope="scope"><p style="color: #409EFF;">{{scope.row.taskName}}</p></template>
      </el-table-column>
      <el-table-column align="center" prop="dayId" label="请求时间" width="90"></el-table-column>
      <el-table-column align="center" prop="taskMessage" label="异常信息"></el-table-column>
      <el-table-column align="center" prop="operateStatus" label="处理状态" width="90">
        <template scope="scope">
          <el-tag v-if="scope.row.operateStatus === 1" size="mini" type="success">未处理</el-tag>
          <el-tag v-else-if="scope.row.operateStatus === 2" size="mini">跟进中</el-tag>
          <el-tag v-else-if="scope.row.operateStatus === 3" size="mini" type="info">已完成</el-tag>
          <el-tag v-else-if="scope.row.operateStatus === 4" size="mini" type="info">无需处理</el-tag>
          <el-tag v-else-if="scope.row.operateStatus === 5" size="mini" type="info">已加微信</el-tag>
          <el-tag v-else-if="scope.row.operateStatus === 7" size="mini" type="danger">处理失败</el-tag>
          <el-tag v-else size="mini" type="danger">未知</el-tag>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="operateor" label="跟踪人" width="120"></el-table-column>
      <el-table-column align="center" prop="operateTime" label="最后处理时间" width="120"></el-table-column>

      <el-table-column v-if="show" align="center" prop="operateMessage" label="跟踪结果"></el-table-column>
      <el-table-column v-else align="center" prop="operateMessage" label="跟踪结果">
        <template scope="scope" >
          <el-input v-model="scope.row.operateMessage"></el-input>
        </template>
      </el-table-column>
    </el-table>

  </div>
</template>

<script>
  export default {
    components: {},
    name: 'ServiceTaskDialog',
    props: {
      serviceTaskList: {
        type: Array
      },
      show: {
        type: Boolean
      }
    },
    data () {
      return {

      }
    },
    created() {
    },
    methods: {

    }
  }
</script>

<style lang="less" scoped>
  .service-task-dialog {
  }
</style>
